<template>
  <div class="weather-info">
    <div class="text-gray-400">{{ label }}:</div>
    <div class="font-semibold">{{ value }}</div>
  </div>
</template>

<script setup>
defineProps({
  label: {
    type: String,
    required: true,
  },
  value: {
    type: String,
    required: true,
  },
});
</script>

<style scoped>
.weather-info {
  display: flex;
  justify-content: space-between;
}
</style>
